<template>
<div class="maintain">
  <el-tabs>
            <el-tab-pane label="基础数据">
              <div>
              </div>
            </el-tab-pane>
  </el-tabs>

 <div class="block">
    <div class="icon">
      <el-avatar icon="el-icon-s-unfold"></el-avatar><br>
      <span> 餐台区域</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-s-goods"></el-avatar><br>
      <span> 菜品</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-s-check"></el-avatar><br>
      <span> 员工管理</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-c-scale-to-original"></el-avatar><br>
      <span> 特殊要求</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-document-remove"></el-avatar><br>
      <span> 理由</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-shopping-cart-full"></el-avatar><br>
      <span> 消费时段</span>
    </div>
 </div>
 

  <el-tabs>
            <el-tab-pane label="收银">
              <div>
              </div>
            </el-tab-pane>
  </el-tabs>

  <div class="block">
    <div class="icon">
      <el-avatar icon="el-icon-user"></el-avatar><br>
      <span> 收银设置</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-s-data"></el-avatar><br>
      <span> 支付方式</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-s-order"></el-avatar><br>
      <span> 折扣方案</span>
    </div>
 </div>

  <el-tabs>
            <el-tab-pane label="打印机">
              <div>
              </div>
            </el-tab-pane>
</el-tabs>

<div class="block">
    <div class="icon">
      <el-avatar icon="el-icon-user-solid"></el-avatar><br>
      <span> 收银模板</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-loading"></el-avatar><br>
      <span> 后厨模板</span>
    </div>
    <div class="icon">
      <el-avatar> user </el-avatar><br>
      <span> 小票模板</span>
    </div>
    <div class="icon">
      <el-avatar> user </el-avatar><br>
      <span> 打印机管理</span>
    </div>
 </div>

<el-tabs>
            <el-tab-pane label="系统设置">
              <div>
              </div>
            </el-tab-pane>
</el-tabs>

<div class="block">
    <div class="icon">
      <el-avatar icon="el-icon-s-tools"></el-avatar><br>
      <span> 外接设备</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-s-operation"></el-avatar><br>
      <span> 系统日志</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-chat-dot-square"></el-avatar><br>
      <span> 远程协助</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-notebook-1"></el-avatar><br>
      <span> 密码修改</span>
    </div>
    <div class="icon">
      <el-avatar icon="el-icon-question"></el-avatar><br>
      <span> 微信设置</span>
    </div>
 </div>
</div>
</template>

<script>
  export default {
    data () {
      return {
        /** 
        circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
        squareUrl: "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",
        sizeList: ["large", "medium", "small"]*/
      }
    }
  }
</script>

<style>
.block {
  display: block;
}
.icon {
  display: inline-block;
  margin-left:80px;
  
}
</style>
